<template>
  <div class="detail_list">
    <Tab />
    <div class="content" v-loading="homeState.matchDetail.loading">
      <el-scrollbar always v-loading="dialogState.matchListLoading">
        <div class="srcollbar_main">
          <Collapse />
        </div>
      </el-scrollbar>
    </div>
  </div>
</template>

<script setup>
import Collapse from './Collapse.vue'
import Tab from "./Tab.vue";
const { dialogStore, dialogState } = inject('DialogStore')
const { homeStore, homeState } = inject('HomeStore')
</script>

<style lang="scss" scoped>
.detail_list {
  height: calc(100% - 68px);
  display: flex;
  flex-direction: column;
}

.full_time {
  padding: 16px 0 12px 12px;

  div {
    width: 80px;
    height: 32px;
    background-color: #3711d8;
    font-family: AlibabaPuHuiTi_2_55_;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
  }
}

.content {
  height: calc(100% - 60px);
  padding: 0 0 16px 0;
}

.srcollbar_main {
  padding: 0 12px;
}
</style>